<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <!-- <link rel="stylesheet" href="./style/css/swiper.min.css"> -->
    <link rel="stylesheet" href="./style/scss/index.css">
    <script src="./js/main.js" type="module"></script>
    <!-- <script src="./js/swiper-bundle.min.js"></script> -->

    <!-- <script src="./js/jieshou.js" type="module"></script> -->
    <!-- <script src="./js/index.js" type="module"></script> -->

</head>

<body>

    <!-- 顶部导航 -->
    <!-- 搜索框 -->

    <div class="header"></div>

    <!-- 商品分类 -->
    <div class="header-category center">
        <div class="left"><a href="">全部商品分类</a></div>
        <ul class="middle">
            <li><a href="">发现</a></li>
            <li><a href="">超市</a></li>
            <li><a href="">电器城</a></li>
            <li><a href="">家具</a></li>
            <li><a href="">智能</a></li>
            <li><a href="">管家</a></li>
            <li><a href="">金融</a></li>
            <li><a href="">快乐秀</a></li>
        </ul>
        <div class="right">
            <img src="./img/biyan.jpg" alt="">
        </div>
    </div>
    <!-- 轮播图 -->
    <div class="banner ">
        <div class="center">
            <div class="menu">
                <ul class="left">
                    <li><a href="">物品</a><a href="">物品</a></li>
                    <li><a href="">相机</a><a href="">智能数码</a></li>
                    <li><a href="">电脑</a><a href="">办公配件</a></li>
                    <li><a href="">电视&nbsp;影音</a><a href="">物品</a></li>
                    <li><a href="">物品</a><a href="">物品</a></li>
                    <li><a href="">相机</a><a href="">智能数码</a></li>
                    <li><a href="">电脑</a><a href="">办公配件</a></li>
                    <li><a href="">电视&nbsp;影音</a><a href="">物品</a></li>
                    <li><a href="">物品</a><a href="">物品</a></li>
                    <li><a href="">相机</a><a href="">智能数码</a></li>
                    <li><a href="">电脑</a><a href="">办公配件</a></li>
                    <li><a href="">电视&nbsp;影音</a><a href="">物品</a></li>
                    <li><a href="">相机</a><a href="">智能数码</a></li>
                    <li><a href="">电脑</a><a href="">办公配件</a></li>
                    <li><a href="">电视&nbsp;影音</a><a href="">物品</a></li>
                </ul>
                <div class="cartlist">
                    <div><a href="">物品</a>/<a href="">物品</a></div>
                    <div><a href="">相机</a>/<a href="">智能数码</a></div>
                    <div><a href="">电脑</a>/<a href="">办公配件</a></div>
                    <div><a href="">电视&nbsp;影音</a>/<a href="">物品</a></div>
                    <div><a href="">物品</a>/<a href="">物品</a></div>
                    <div><a href="">相机</a>/<a href="">智能数码</a></div>
                    <div><a href="">电脑</a>/<a href="">办公配件</a></div>
                    <div><a href="">电视&nbsp;影音</a>/<a href="">物品</a></div>
                    <div><a href="">物品</a>/<a href="">物品</a></div>
                    <div><a href="">相机</a>/<a href="">智能数码</a></div>
                    <div><a href="">电脑</a>/<a href="">办公配件</a></div>
                    <div><a href="">电视&nbsp;影音</a>/<a href="">物品</a></div>
                    <div><a href="">相机</a>/<a href="">智能数码</a></div>
                    <div><a href="">电脑</a>/<a href="">办公配件</a></div>
                    <div><a href="">电视&nbsp;影音</a>/<a href="">物品</a></div>
                </div>
            </div>
            <div class="lunbo">
                <ul>
                    <li class="show"><img src="./img/lunbo1.webp" alt=""></li>
                    <li><img src="./img/lunbo2.webp" alt=""></li>
                    <li><img src="./img/lunbo3.webp" alt=""></li>
                    <li><img src="./img/lunbo4.webp" alt=""></li>
                    <li><img src="./img/lunbo5.webp" alt=""></li>

                </ul>
                <ol>
                    <li class="active">1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                </ol>
                <a href="#" class="left_arrow">&lt;</a>
                <a href="#" class="right_arrow">&gt;</a>
            </div>
            <div class="right">
                <div class="message">
                    <div class="top">
                        <h3>
                            <a href="">资讯</a>
                        </h3>
                        <a href="">更多></a>
                    </div>
                    <div class="zhong">
                        <p>
                            <a href="">特惠</a>
                            <a href="">空调-清凉一夏</a>
                        </p>
                        <p>
                            <a href="">特惠</a>
                            <a href="" class="pink">彩电-抢购</a>
                        </p>
                        <p>
                            <a href="">特惠</a>
                            <a href="">厨卫-新厨房节</a>
                        </p>
                        <p>
                            <a href="">特惠</a>
                            <a href="" class="pink">冰洗-乐购一夏</a>
                        </p>
                    </div>
                </div>
                <ul>
                    <li>
                        <a href=""> <img src="./img/b1.png" alt="">
                            <span>充话费</span></a>

                    </li>
                    <li>
                        <a href=""> <img src="./img/b2.png" alt="">
                            <span>充流量</span></a>

                    </li>
                    <li>
                        <a href=""> <img src="./img/b3.png" alt="">
                            <span>领券</span></a>

                    </li>
                    <li>
                        <a href=""> <img src="./img/b4.png" alt="">
                            <span>会员</span></a>

                    </li>
                    <li>
                        <a href=""> <img src="./img/b5.png" alt="">
                            <span>充话费</span></a>

                    </li>
                    <li>
                        <a href=""> <img src="./img/b6.png" alt="">
                            <span>充话费</span></a>

                    </li>
                </ul>
                <div class="photo"><img src="./img/T1UwZSB7YT1RCvBVdK_250_130.webp" alt=""></div>
            </div>
        </div>

    </div>
    <!-- 领券中心 -->
    <div class="body-top center">
        <ul>
            <li>
                <a href=""><img src="./img/quan.webp" alt=""></a>
            </li>
            <li>
                <a href=""><img src="./img/T1vmL5ByDv1RCvBVdK_209_110.webp" alt=""></a>
            </li>
            <li>
                <a href=""><img src="./img/T1mUC5BgDv1RCvBVdK_209_110.webp" alt=""></a>
            </li>
            <li>
                <a href=""><img src="./img/T1L8K5B4xv1RCvBVdK_209_110.webp" alt=""></a>
            </li>
            <li>
                <a href=""><img src="./img/T1bUK5BK_v1RCvBVdK_209_110.webp" alt=""></a>
            </li>
            <li>
                <a href=""><img src="./img/T1.OC5BCZT1RCvBVdK_209_110.webp" alt=""></a>
            </li>
            <li>
                <a href=""><img src="./img/T13MDvBjC_1RCvBVdK.jpg" alt=""></a>
            </li>
        </ul>
    </div>
    <!--  猜你喜欢-->
    <div class="body-guess center">
        <div class="top">
            <div class="left">
                <span>猜你喜欢</span>
                <span class="cai">YOU MAY LIKE</span>
            </div>
            <div class="right">
                <div><a href="">&lt;</a></div>
                <div><a href="">&gt;</a></div>
            </div>
        </div>
        <div class="bottom">
            <ul class="cainixihuan">
                <!-- <li>
                    <a href=""><img src="./img/q1.webp" alt="">
                        <p class="jieshao">s格兰仕（Galanz） 20L微波炉 大容量 旋钮操作 简单省时</p>
                        <p class="money">￥299</p>
                    </a>

                </li>
                <li>
                    <a href=""><img src="./img/q2.webp" alt="">
                        <p class="jieshao">美的(Midea) 1.5P 变频 冷暖 挂机空调 </p>
                        <p class="money">￥2569</p>
                    </a>


                </li>
                <li>
                    <a href=""><img src="./img/q3.webp" alt="">
                        <p class="jieshao">美的（Midea）1.5匹 智能变频冷暖 空调挂机 三级能效</p>
                        <p class="money">￥2999</p>
                    </a>


                </li>
                <li>
                    <a href=""><img src="./img/q4.webp" alt="">
                        <p class="jieshao">宏魔电动牙刷 IPX6级防水 小巧便携</p>
                        <p class="money">￥199</p>
                    </a>

                </li>
                <li>
                    <a href=""><img src="./img/q5.webp" alt="">
                        <p class="jieshao">小米(MI) MES603 米家声波电动牙刷T100 KR双尖毛 呵护</p>
                        <p class="money">￥33</p>
                    </a>
                </li>
                <li>
                    <a href=""> <img src="./img/q6.webp" alt="">
                        <p class="jieshao">格兰仕（Galanz） 3.4L电火锅家用大容量分体火锅 电炖锅电煮锅 </p>
                        <p class="money">￥99</p>
                    </a>

                </li> -->
            </ul>
        </div>
    </div>
    <!-- 1-12f 物品 -->
    <div class="body-everything center ">
        <div class="f1 louceng">
            <div class="f1-top">
                <div>
                    <span>1F </span><span> 手机电脑</span>
                </div>
                <ul>
                    <li class="zhong"><a>活动精选</a></li>
                    <li><a>热销推荐</a></li>
                    <li><a>数码影音</a></li>
                </ul>
            </div>
            <div class="f1-bottom chu">
                <div class="left">
                    <div class="box1">
                        <a href=""><img src="./img/f1.1.png" alt=""></a>
                    </div>
                    <div class="box2"><a href="">数码</a></div>
                    <div class="left-bottom">
                        <ul>
                            <li>
                                <a href="">华为</a>
                            </li>
                            <li>
                                <a href="">小米</a>
                            </li>
                            <li>
                                <a href="">游戏本</a>
                            </li>
                            <li>
                                <a href="">华为</a>
                            </li>
                            <li>
                                <a href="">小米</a>
                            </li>
                            <li>
                                <a href="">游戏本</a>
                            </li>
                            <li>
                                <a href="">华为</a>
                            </li>
                            <li>
                                <a href="">小米</a>
                            </li>
                            <li>
                                <a href="">游戏本</a>
                            </li>
                            <li>
                                <a href="">华为</a>
                            </li>
                            <li>
                                <a href="">小米</a>
                            </li>
                            <li>
                                <a href="">游戏本</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="right">
                    <div class="xiaolunbo">
                        <img src="./img/xiaolunbo.webp" alt="">
                    </div>
                    <div class="thing">
                        <ul>
                            <li>
                                <a href=""><img src="./img/11.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/22.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/33.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/44.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/55.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/66.webp" alt=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="rexiao">
                <div><img src="./img/22.webp" alt=""></div>
                <div><img src="./img/11.webp" alt=""></div>
                <div><img src="./img/55.webp" alt=""></div>
                <div><img src="./img/33.webp" alt=""></div>
                <div><img src="./img/11.webp" alt=""></div>
                <div><img src="./img/55.webp" alt=""></div>
                <div><img src="./img/44.webp" alt=""></div>
                <div><img src="./img/11.webp" alt=""></div>
                <div><img src="./img/55.webp" alt=""></div>
                <div><img src="./img/11.webp" alt=""></div>
            </div>
            <div class="tuijian">
                <div><img src="./img/11.webp" alt=""></div>
                <div><img src="./img/33.webp" alt=""></div>
                <div><img src="./img/44.webp" alt=""></div>
                <div><img src="./img/33.webp" alt=""></div>
                <div><img src="./img/11.webp" alt=""></div>
                <div><img src="./img/22.webp" alt=""></div>
                <div><img src="./img/33.webp" alt=""></div>
                <div><img src="./img/11.webp" alt=""></div>
                <div><img src="./img/55.webp" alt=""></div>
                <div><img src="./img/44.webp" alt=""></div>
            </div>
        </div>

        <div class="f2 louceng">
            <div class="f1-top">
                <div>
                    <span>2F </span><span> 美妆个护</span>
                </div>
                <ul>
                    <li><a href="">活动精选</a></li>
                    <li><a href="">热销推荐</a></li>
                    <li><a href="">彩妆香氛</a></li>
                    <li><a href="">精选热卖</a></li>
                    <li><a href="">洗发护发</a></li>
                </ul>
            </div>
            <div class="f1-bottom chu">
                <div class="left">
                    <div class="box1">
                        <a href=""><img src="./img/m1.png" alt=""></a>
                    </div>
                    <!-- <div class="box2"><a href="">数码</a></div> -->
                    <div class="left-bottom">
                        <ul>
                            <li>
                                <a href="" class="da huo">男士护理</a>
                            </li>
                            <li>
                                <a href="" class="da">口腔专区</a>
                            </li>
                            <li>
                                <a href="">面部护理</a>
                            </li>
                            <li>
                                <a href="">彩妆香氛</a>
                            </li>
                            <li>
                                <a href="">女性护理</a>
                            </li>
                            <li>
                                <a href="">洗发护发</a>
                            </li>
                            <li>
                                <a href="">沐浴清洁</a>
                            </li>


                        </ul>
                    </div>
                </div>
                <div class="right">
                    <div class="xiaolunbo">
                        <img src="./img/m2.webp" alt="">
                    </div>
                    <div class="thing">
                        <ul>
                            <li>
                                <a href=""><img src="./img/m3.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/m4.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/m5.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/m6.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/m7.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/m8.webp" alt=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="f1 louceng">
            <div class="f1-top">
                <div>
                    <span>3F </span><span> 家用电器</span>
                </div>
                <ul>
                    <li><a href="">活动精选</a></li>
                    <li><a href="">热销推荐</a></li>
                    <li><a href="">数码影音</a></li>
                </ul>
            </div>
            <div class="f1-bottom chu chu">
                <div class="left">
                    <div class="box1">
                        <a href=""><img src="./img/j1.png" alt=""></a>
                    </div>
                    <div class="box2"><a href="">电视/</a>
                        <a href="">冰箱/</a>
                        <a href="">空调/</a>
                        <a href="">洗衣机</a>
                    </div>
                    <div class="left-bottom">
                        <ul>
                            <li>
                                <a href="">生活家电</a>
                            </li>
                            <li>
                                <a href="">小米</a>
                            </li>
                            <li>
                                <a href="">洗衣机</a>
                            </li>
                            <li>
                                <a href="">华为</a>
                            </li>
                            <li>
                                <a href="">冰箱</a>
                            </li>
                            <li>
                                <a href="">游戏本</a>
                            </li>
                            <li>
                                <a href="">变平空调</a>
                            </li>
                            <li>
                                <a href="">小米</a>
                            </li>
                            <li>
                                <a href="">游戏本</a>
                            </li>
                            <li>
                                <a href="">华为</a>
                            </li>
                            <li>
                                <a href="">小米</a>
                            </li>
                            <li>
                                <a href="">游戏本</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="right">
                    <div class="xiaolunbo">
                        <img src="./img/j2.webp" alt="">
                    </div>
                    <div class="thing">
                        <ul>
                            <li>
                                <a href=""><img src="./img/j3.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/j4.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/j5.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/j6.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/j7.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/j8.webp" alt=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="f2 louceng">
            <div class="f1-top">
                <div>
                    <span>4F </span><span> 美妆个护</span>
                </div>
                <ul>
                    <li><a href="">活动精选</a></li>
                    <li><a href="">热销推荐</a></li>
                    <li><a href="">彩妆香氛</a></li>
                    <li><a href="">精选热卖</a></li>
                    <li><a href="">洗发护发</a></li>
                </ul>
            </div>
            <div class="f1-bottom chu">
                <div class="left">
                    <div class="box1">
                        <a href=""><img src="./img/m1.png" alt=""></a>
                    </div>
                    <!-- <div class="box2"><a href="">数码</a></div> -->
                    <div class="left-bottom">
                        <ul>
                            <li>
                                <a href="" class="da huo">男士护理</a>
                            </li>
                            <li>
                                <a href="" class="da">口腔专区</a>
                            </li>
                            <li>
                                <a href="">面部护理</a>
                            </li>
                            <li>
                                <a href="">彩妆香氛</a>
                            </li>
                            <li>
                                <a href="">女性护理</a>
                            </li>
                            <li>
                                <a href="">洗发护发</a>
                            </li>
                            <li>
                                <a href="">沐浴清洁</a>
                            </li>


                        </ul>
                    </div>
                </div>
                <div class="right">
                    <div class="xiaolunbo">
                        <img src="./img/m2.webp" alt="">
                    </div>
                    <div class="thing">
                        <ul>
                            <li>
                                <a href=""><img src="./img/m3.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/m4.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/m5.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/m6.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/m7.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/m8.webp" alt=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="f1 louceng">
            <div class="f1-top">
                <div>
                    <span>5F </span><span> 手机电脑</span>
                </div>
                <ul>
                    <li><a href="">活动精选</a></li>
                    <li><a href="">热销推荐</a></li>
                    <li><a href="">数码影音</a></li>
                </ul>
            </div>
            <div class="f1-bottom chu">
                <div class="left">
                    <div class="box1">
                        <a href=""><img src="./img/f1.1.png" alt=""></a>
                    </div>
                    <div class="box2"><a href="">数码</a></div>
                    <div class="left-bottom">
                        <ul>
                            <li>
                                <a href="">华为</a>
                            </li>
                            <li>
                                <a href="">小米</a>
                            </li>
                            <li>
                                <a href="">游戏本</a>
                            </li>
                            <li>
                                <a href="">华为</a>
                            </li>
                            <li>
                                <a href="">小米</a>
                            </li>
                            <li>
                                <a href="">游戏本</a>
                            </li>
                            <li>
                                <a href="">华为</a>
                            </li>
                            <li>
                                <a href="">小米</a>
                            </li>
                            <li>
                                <a href="">游戏本</a>
                            </li>
                            <li>
                                <a href="">华为</a>
                            </li>
                            <li>
                                <a href="">小米</a>
                            </li>
                            <li>
                                <a href="">游戏本</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="right">
                    <div class="xiaolunbo">
                        <img src="./img/xiaolunbo.webp" alt="">
                    </div>
                    <div class="thing">
                        <ul>
                            <li>
                                <a href=""><img src="./img/11.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/22.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/33.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/44.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/55.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/66.webp" alt=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="f2 louceng">
            <div class="f1-top">
                <div>
                    <span>6F </span><span> 美妆个护</span>
                </div>
                <ul>
                    <li><a href="">活动精选</a></li>
                    <li><a href="">热销推荐</a></li>
                    <li><a href="">彩妆香氛</a></li>
                    <li><a href="">精选热卖</a></li>
                    <li><a href="">洗发护发</a></li>
                </ul>
            </div>
            <div class="f1-bottom chu">
                <div class="left">
                    <div class="box1">
                        <a href=""><img src="./img/m1.png" alt=""></a>
                    </div>
                    <!-- <div class="box2"><a href="">数码</a></div> -->
                    <div class="left-bottom">
                        <ul>
                            <li>
                                <a href="" class="da huo">男士护理</a>
                            </li>
                            <li>
                                <a href="" class="da">口腔专区</a>
                            </li>
                            <li>
                                <a href="">面部护理</a>
                            </li>
                            <li>
                                <a href="">彩妆香氛</a>
                            </li>
                            <li>
                                <a href="">女性护理</a>
                            </li>
                            <li>
                                <a href="">洗发护发</a>
                            </li>
                            <li>
                                <a href="">沐浴清洁</a>
                            </li>


                        </ul>
                    </div>
                </div>
                <div class="right">
                    <div class="xiaolunbo">
                        <img src="./img/m2.webp" alt="">
                    </div>
                    <div class="thing">
                        <ul>
                            <li>
                                <a href=""><img src="./img/m3.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/m4.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/m5.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/m6.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/m7.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/m8.webp" alt=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="f1 louceng">
            <div class="f1-top">
                <div>
                    <span>7F </span><span> 手机电脑</span>
                </div>
                <ul>
                    <li><a href="">活动精选</a></li>
                    <li><a href="">热销推荐</a></li>
                    <li><a href="">数码影音</a></li>
                </ul>
            </div>
            <div class="f1-bottom chu">
                <div class="left">
                    <div class="box1">
                        <a href=""><img src="./img/f1.1.png" alt=""></a>
                    </div>
                    <div class="box2"><a href="">数码</a></div>
                    <div class="left-bottom">
                        <ul>
                            <li>
                                <a href="">华为</a>
                            </li>
                            <li>
                                <a href="">小米</a>
                            </li>
                            <li>
                                <a href="">游戏本</a>
                            </li>
                            <li>
                                <a href="">华为</a>
                            </li>
                            <li>
                                <a href="">小米</a>
                            </li>
                            <li>
                                <a href="">游戏本</a>
                            </li>
                            <li>
                                <a href="">华为</a>
                            </li>
                            <li>
                                <a href="">小米</a>
                            </li>
                            <li>
                                <a href="">游戏本</a>
                            </li>
                            <li>
                                <a href="">华为</a>
                            </li>
                            <li>
                                <a href="">小米</a>
                            </li>
                            <li>
                                <a href="">游戏本</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="right">
                    <div class="xiaolunbo">
                        <img src="./img/xiaolunbo.webp" alt="">
                    </div>
                    <div class="thing">
                        <ul>
                            <li>
                                <a href=""><img src="./img/11.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/22.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/33.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/44.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/55.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/66.webp" alt=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="f2 louceng">
            <div class="f1-top">
                <div>
                    <span>8F </span><span> 美妆个护</span>
                </div>
                <ul>
                    <li><a href="">活动精选</a></li>
                    <li><a href="">热销推荐</a></li>
                    <li><a href="">彩妆香氛</a></li>
                    <li><a href="">精选热卖</a></li>
                    <li><a href="">洗发护发</a></li>
                </ul>
            </div>
            <div class="f1-bottom chu">
                <div class="left">
                    <div class="box1">
                        <a href=""><img src="./img/m1.png" alt=""></a>
                    </div>
                    <!-- <div class="box2"><a href="">数码</a></div> -->
                    <div class="left-bottom">
                        <ul>
                            <li>
                                <a href="" class="da huo">男士护理</a>
                            </li>
                            <li>
                                <a href="" class="da">口腔专区</a>
                            </li>
                            <li>
                                <a href="">面部护理</a>
                            </li>
                            <li>
                                <a href="">彩妆香氛</a>
                            </li>
                            <li>
                                <a href="">女性护理</a>
                            </li>
                            <li>
                                <a href="">洗发护发</a>
                            </li>
                            <li>
                                <a href="">沐浴清洁</a>
                            </li>


                        </ul>
                    </div>
                </div>
                <div class="right">
                    <div class="xiaolunbo">
                        <img src="./img/m2.webp" alt="">
                    </div>
                    <div class="thing">
                        <ul>
                            <li>
                                <a href=""><img src="./img/m3.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/m4.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/m5.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/m6.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/m7.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/m8.webp" alt=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="f1 louceng">
            <div class="f1-top">
                <div>
                    <span>9F </span><span> 手机电脑</span>
                </div>
                <ul>
                    <li><a href="">活动精选</a></li>
                    <li><a href="">热销推荐</a></li>
                    <li><a href="">数码影音</a></li>
                </ul>
            </div>
            <div class="f1-bottom chu">
                <div class="left">
                    <div class="box1">
                        <a href=""><img src="./img/f1.1.png" alt=""></a>
                    </div>
                    <div class="box2"><a href="">数码</a></div>
                    <div class="left-bottom">
                        <ul>
                            <li>
                                <a href="">华为</a>
                            </li>
                            <li>
                                <a href="">小米</a>
                            </li>
                            <li>
                                <a href="">游戏本</a>
                            </li>
                            <li>
                                <a href="">华为</a>
                            </li>
                            <li>
                                <a href="">小米</a>
                            </li>
                            <li>
                                <a href="">游戏本</a>
                            </li>
                            <li>
                                <a href="">华为</a>
                            </li>
                            <li>
                                <a href="">小米</a>
                            </li>
                            <li>
                                <a href="">游戏本</a>
                            </li>
                            <li>
                                <a href="">华为</a>
                            </li>
                            <li>
                                <a href="">小米</a>
                            </li>
                            <li>
                                <a href="">游戏本</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="right">
                    <div class="xiaolunbo">
                        <img src="./img/xiaolunbo.webp" alt="">
                    </div>
                    <div class="thing">
                        <ul>
                            <li>
                                <a href=""><img src="./img/11.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/22.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/33.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/44.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/55.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/66.webp" alt=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="f1 louceng">
            <div class="f1-top">
                <div>
                    <span>10F </span><span> 家用电器</span>
                </div>
                <ul>
                    <li><a href="">活动精选</a></li>
                    <li><a href="">热销推荐</a></li>
                    <li><a href="">数码影音</a></li>
                </ul>
            </div>
            <div class="f1-bottom chu">
                <div class="left">
                    <div class="box1">
                        <a href=""><img src="./img/j1.png" alt=""></a>
                    </div>
                    <div class="box2"><a href="">电视/</a>
                        <a href="">冰箱/</a>
                        <a href="">空调/</a>
                        <a href="">洗衣机</a>
                    </div>
                    <div class="left-bottom">
                        <ul>
                            <li>
                                <a href="">生活家电</a>
                            </li>
                            <li>
                                <a href="">小米</a>
                            </li>
                            <li>
                                <a href="">洗衣机</a>
                            </li>
                            <li>
                                <a href="">华为</a>
                            </li>
                            <li>
                                <a href="">冰箱</a>
                            </li>
                            <li>
                                <a href="">游戏本</a>
                            </li>
                            <li>
                                <a href="">变平空调</a>
                            </li>
                            <li>
                                <a href="">小米</a>
                            </li>
                            <li>
                                <a href="">游戏本</a>
                            </li>
                            <li>
                                <a href="">华为</a>
                            </li>
                            <li>
                                <a href="">小米</a>
                            </li>
                            <li>
                                <a href="">游戏本</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="right">
                    <div class="xiaolunbo">
                        <img src="./img/j2.webp" alt="">
                    </div>
                    <div class="thing">
                        <ul>
                            <li>
                                <a href=""><img src="./img/j3.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/j4.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/j5.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/j6.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/j7.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/j8.webp" alt=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="f1 louceng">
            <div class="f1-top">
                <div>
                    <span>11F </span><span> 家用电器</span>
                </div>
                <ul>
                    <li><a href="">活动精选</a></li>
                    <li><a href="">热销推荐</a></li>
                    <li><a href="">数码影音</a></li>
                </ul>
            </div>
            <div class="f1-bottom chu">
                <div class="left">
                    <div class="box1">
                        <a href=""><img src="./img/j1.png" alt=""></a>
                    </div>
                    <div class="box2"><a href="">电视/</a>
                        <a href="">冰箱/</a>
                        <a href="">空调/</a>
                        <a href="">洗衣机</a>
                    </div>
                    <div class="left-bottom">
                        <ul>
                            <li>
                                <a href="">生活家电</a>
                            </li>
                            <li>
                                <a href="">小米</a>
                            </li>
                            <li>
                                <a href="">洗衣机</a>
                            </li>
                            <li>
                                <a href="">华为</a>
                            </li>
                            <li>
                                <a href="">冰箱</a>
                            </li>
                            <li>
                                <a href="">游戏本</a>
                            </li>
                            <li>
                                <a href="">变平空调</a>
                            </li>
                            <li>
                                <a href="">小米</a>
                            </li>
                            <li>
                                <a href="">游戏本</a>
                            </li>
                            <li>
                                <a href="">华为</a>
                            </li>
                            <li>
                                <a href="">小米</a>
                            </li>
                            <li>
                                <a href="">游戏本</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="right">
                    <div class="xiaolunbo">
                        <img src="./img/j2.webp" alt="">
                    </div>
                    <div class="thing">
                        <ul>
                            <li>
                                <a href=""><img src="./img/j3.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/j4.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/j5.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/j6.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/j7.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/j8.webp" alt=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="f2 louceng">
            <div class="f1-top">
                <div>
                    <span>12F </span><span> 美妆个护</span>
                </div>
                <ul>
                    <li><a href="">活动精选</a></li>
                    <li><a href="">热销推荐</a></li>
                    <li><a href="">彩妆香氛</a></li>
                    <li><a href="">精选热卖</a></li>
                    <li><a href="">洗发护发</a></li>
                </ul>
            </div>
            <div class="f1-bottom chu">
                <div class="left">
                    <div class="box1">
                        <a href=""><img src="./img/m1.png" alt=""></a>
                    </div>
                    <!-- <div class="box2"><a href="">数码</a></div> -->
                    <div class="left-bottom">
                        <ul>
                            <li>
                                <a href="" class="da huo">男士护理</a>
                            </li>
                            <li>
                                <a href="" class="da">口腔专区</a>
                            </li>
                            <li>
                                <a href="">面部护理</a>
                            </li>
                            <li>
                                <a href="">彩妆香氛</a>
                            </li>
                            <li>
                                <a href="">女性护理</a>
                            </li>
                            <li>
                                <a href="">洗发护发</a>
                            </li>
                            <li>
                                <a href="">沐浴清洁</a>
                            </li>


                        </ul>
                    </div>
                </div>
                <div class="right">
                    <div class="xiaolunbo">
                        <img src="./img/m2.webp" alt="">
                    </div>
                    <div class="thing">
                        <ul>
                            <li>
                                <a href=""><img src="./img/m3.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/m4.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/m5.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/m6.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/m7.webp" alt=""></a>
                            </li>
                            <li>
                                <a href=""><img src="./img/m8.webp" alt=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 热门物品 -->
    <div class="body-hot center">
        <div class="left">
            <div class="box1">
                <div>
                    <h2>热销榜</h2>
                    <span>HOT</span>
                </div>
                <a href="">更多></a>
            </div>
            <div class="box2">
                <div class="big">
                    <a href="">
                        <img src="./img/h1.webp" alt="">
                        <p>格兰仕微波炉</p>
                        <p class="red">￥299</p>
                    </a>

                </div>
                <div class="small">
                    <a href=""><img src="./img/h2.webp" alt="">
                        <div>
                            <p>美的(Midea) 1.5P 变频 冷暖 挂机空调 KFR-35GW/BP3DN8Y-PH200(1)极地白</p>
                            <p>￥2459</p>
                        </div>
                    </a>
                    <a href=""><img src="./img/h3.webp" alt="">
                        <div>
                            <p>小米(MI) MES603 米家声波电动牙刷T100 KR双尖毛 呵护牙龈 IPX7防水 小米电动牙刷 白色</p>
                            <p>￥33</p>
                        </div>
                    </a>
                    <a href=""><img src="./img/h4.webp" alt="">
                        <div>
                            <p>宏魔电动牙刷 IPX6级防水 小巧便携 HMDY-EB011</p>
                            <p>￥9.9</p>
                        </div>
                    </a>
                    <a href=""><img src="./img/h5.webp" alt="">
                        <div>
                            <p>美的（Midea）1.5匹 智能变频冷暖 空调挂机 三级能效 KFR-35GW/BDN8Y-PH400(3)A极地白</p>
                            <p>￥2369</p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <div class="right">
            <div class="top">
                <div>
                    <h2>家电服务</h2>
                    <span class="big">SERVICE</span>
                </div>
                <div>
                    <span>精选配件</span>
                    <span>/手机维修</span>
                </div>
            </div>
            <div class="bottom">
                <div>
                    <img src="./img/h6.png" alt="">
                    <div>
                        <p>油烟免清洗</p>
                        <p class="red">￥159.00<span></span></p>
                        <span>预约上门</span>
                        <span>安全更快捷</span>
                    </div>
                </div>
                <div>
                    <img src="./img/h7.png" alt="">
                    <div>
                        <p>iphone6换电池</p>
                        <p class="red">￥149.00<span></span></p>
                        <span>预约上门</span>
                        <span>安全更快捷</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 售后 -->
    <div class="body-help center">
        <div class="top">
            <div>
                <img src="./img/xing.png" alt="">
                <span>品质</span>
                <span class="zheng">·</span>
                <span>正品行货 &ensp; 购物无忧</span>
            </div>
            <div>
                <img src="./img/xing.png" alt="">
                <span>品质</span>
                <span class="zheng">·</span>
                <span>正品行货 &ensp; 购物无忧</span>
            </div>
            <div>
                <img src="./img/xing.png" alt="">
                <span>品质</span>
                <span class="zheng">·</span>
                <span>正品行货 &ensp; 购物无忧</span>
            </div>
        </div>
        <div class="bottom">
            <div>
                <h3>物流配送</h3>
                <ul>
                    <li>配送查询</li>
                    <li>配送服务</li>
                    <li>文字文字</li>
                    <li>蚊子蚊子</li>
                    <li>啊啊啊啊啊</li>
                </ul>
            </div>
            <div>
                <h3>物流配送</h3>
                <ul>
                    <li>配送查询</li>
                    <li>配送服务</li>
                    <li>文字文字</li>
                    <li>蚊子蚊子</li>
                    <li>啊啊啊啊啊</li>
                </ul>
            </div>
            <div>
                <h3>物流配送</h3>
                <ul>
                    <li>配送查询</li>
                    <li>配送服务</li>
                    <li>文字文字</li>
                    <li>蚊子蚊子</li>
                    <li>啊啊啊啊啊</li>
                </ul>
            </div>
            <div>
                <h3>物流配送</h3>
                <ul>
                    <li>配送查询</li>
                    <li>配送服务</li>
                    <li>文字文字</li>
                    <li>蚊子蚊子</li>
                    <li>啊啊啊啊啊</li>
                </ul>
            </div>
            <div>
                <h3>物流配送</h3>
                <ul>
                    <li>配送查询</li>
                    <li>配送服务</li>
                    <li>文字文字</li>
                    <li>蚊子蚊子</li>
                    <li>啊啊啊啊啊</li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="foot"></div>
    <!-- 楼梯 -->
    <div class="elevator">
        <ul>

            <li class="yi active"><span>1f</span>
                <p>物品物品</p>
            </li>
            <li class=""><span>2f</span>
                <p>物品物品</p>
            </li>
            <li class=""><span>3f</span>
                <p>物品物品</p>
            </li>
            <li class=""><span>4f</span>
                <p>物品物品</p>
            </li>
            <li class=""><span>5f</span>
                <p>物品物品</p>
            </li>
            <li class=""><span>6f</span>
                <p>物品物品</p>
            </li>
            <li class=""><span>7f</span>
                <p>物品物品</p>
            </li>
            <li class=""><span>8f</span>
                <p>物品物品</p>
            </li>
            <li class=""><span>9f</span>
                <p>物品物品</p>
            </li>
            <li class=""><span>10f</span>
                <p>物品物品</p>
            </li>
            <li class=""><span>11f</span>
                <p>物品物品</p>
            </li>
            <li class=""><span>12f</span>
                <p>物品物品</p>
            </li>
            <li class="shang last gotop"><img src="./img/shang.png" alt=""></li>
            <li class="shang last gobottom"><img src="./img/xia.png" alt=""></li>
        </ul>
    </div>
    <!-- 下滑搜索框 -->
    <div class="top-top">
        <div class="center">
            <div class="caidan"><a href="">全部商品分类</a><img src="./img/more.png" alt=""></div>
            <div class="search">
                <form action="">
                    <div><a href="">商品</a></div>
                    <input type="text">
                    <button><a href="">搜索</a></button>
                </form>
            </div>
        </div>
    </div>
    <!-- 右侧导航 -->
    <div class="right-nav"></div>


</body>

</html>
<script src="./js/lunbo.js"></script>